<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>“不忘初心、牢记使命”主题教育留言信箱</title>

    <link rel="stylesheet" href="http://i.gtimg.cn/vipstyle/frozenui/2.0.0/css/frozen.css">
    <style type="text/css">
        .banner{
            background-image: url("./banner.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size:100% 100%;
            height:2rem; width:100%;
        }
        .row-content{
            margin-left: 0.2rem;
            margin-right: 0.2rem;
            width: 90%;
            line-height: 0.1rem;
        }
        .row-textarea{
            margin-left: 0.3rem;
            margin-right: 0.2rem;
            width: 91%;

        }
        .ui-input{
            margin-top: 0.2rem;
            height: 0.3rem;
            -webkit-box-flex: 1;
            width: 3rem;
            background-color: white;
            margin-right: 0.2rem;
            border:1px solid black;
            font-size: 0.2rem;
        }
        .ui-textarea{
            font-size: 0.3rem;
            margin-top: 0.2rem;
            border:1px solid black;
            width: 3.12rem;
        }
        .ui-btn {
            height: 0.4rem;
            width: 1rem;
            line-height: 0.3rem;
            padding: 0px 16px;
            display: block;
            text-align: center;
            font-size: 0.2rem;
            border-radius: 2px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
        }
        .row-body{
            background-color: white;
            height: 7rem;
        }
    </style>
</head>

<body>
<ul class="ui-row row-body">
    <li class="ui-col banner"></li>
    <li class="ui-col  row-content " style="margin-top: 0.2rem;margin-left: 0.3rem "><h2 style="font-size: 0.15rem">你的称呼</h2></li>
    <li class="ui-col  row-content">
            <input class="ui-input" type="text" name="name" >
    </li>
    <li class="ui-col  row-content " style="margin-top: 0.2rem;margin-left: 0.3rem "><h2 style="font-size: 0.15rem">联系方式</h2></li>
    <li class="ui-col  row-content">
        <input class="ui-input" type="text" name="mobile"  >
    </li>
    <li class="ui-col  row-content " style="margin-top: 0.2rem;margin-left: 0.3rem "><h2 style="font-size: 0.15rem">你想说的内容</h2></li>
    <li class="ui-col  row-textarea">
        <textarea class="ui-textarea"  rows="3" type="text" name="detail"  > </textarea>
    </li>
    <li class="ui-col  row-content " style="margin-top: 0.2rem;margin-left: 0.2rem "><button class="ui-btn ui-btn-danger" style="margin: 0 auto" >提交</button></li>
    <li class="ui-col  row-content " style="margin-top: 0.2rem;margin-left: 0.2rem "><h3 style="font-size: 0.15rem">感谢您的建议，相关部门会在三个工作日给予答复</h3></li>

</ul>
</body>
</html>